.article-l{margin-right:10px}
.article-l .padding-large{padding:40px}
.article-r{margin-left:10px}

/* 置顶文章-图片 */
.excerpt-top .media-img{position:relative;overflow:hidden;}
.excerpt-top .media-img img{transform: scale(1);transition:0.5s;}
.excerpt-top .media-img:hover img{transform: scale(1.02);transition:0.5s;}
.excerpt-top .media-img .toplink{opacity:0.1;background:rgba(0,0,0,0.6);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.5s;}
.excerpt-top .media-img:hover .toplink{transition:0.5s;opacity:0.3;}
.excerpt-top .media-img .linear-link{opacity:0.6;background:linear-gradient(to bottom,rgba(0,0,0,0.03) 65%,rgba(0,0,0,0.6) 100%);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.5s;}
.excerpt-top .media-img:hover .linear-link{transition:0.5s;opacity:1;}
.excerpt-top .media-img .post-title{width:100%;bottom:15px;left:0;position:absolute;color:#fff;text-transform:uppercase;transition:0.5s;padding:0 20px;transition:0.5s;z-index:3;}
.excerpt-top .media-img .post-title a h2{color:#fff;display:block;}
.excerpt-top .media-img .post-title a.bg-tag{background:#4ca80b;;color:#FFF;border-radius:5px;padding:2px 8px;font-size:12px;display:inline-block;}
.excerpt-top .media-img:nth-of-type(1){margin-bottom:13px;}
.excerpt-top-arrow:hover .owl-nav .owl-prev,.excerpt-top-arrow:hover .owl-nav .owl-next {opacity:0.3;}
/* 置顶文章-图片 end */

/* 纯文字列表  begin*/
.list-post-text li{padding:0 0 10px 0;margin-bottom:10px;border-bottom:1px solid #f6f6f6;width:100%}
.list-post-text li:last-child{border-bottom:0px solid #f6f6f6}
.list-post-text li a{display:block;}
.list-post-text li a:hover {color:#267CFF;}
.list-post-text li.dot a {padding-left:16px;position:relative}
.list-post-text li.dot:hover a:before {background:#267CFF;}
.list-post-text li.dot a:before {content:'';position:absolute;left:-1px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%}
/* 纯文字列表  end*/

/*  ==========================模板 ========================== */

/* 内页搜索 */
.banner-search .form-group {max-width:510px;margin:0 auto;}
.banner-search .input{padding:0 15px 0 20px;color:#999;border-radius:30px 0 0 30px;height:50px;background:#F8F8F8;box-shadow:none}
.banner-search .input-group .addbtn {padding:3px;text-align:center;background:#F8F8F8;border-radius:0 30px 30px 0;}
.banner-search .button {height:44px;width:50px;border-radius:30px;background:#267CFF;}
/* 内页搜索 end */

.template-l {margin-right:0px}
.template-r {margin-left:30px;}

.owl-carousel.template-slide-style:hover .owl-nav .owl-prev,.owl-carousel.template-slide-style:hover .owl-nav .owl-next {opacity:1;}
.owl-carousel.template-slide-style .owl-nav i {font-size:20px;color:#fff;}
.owl-carousel.template-slide-style .owl-nav .owl-prev,.owl-carousel.template-slide-style .owl-nav .owl-next {width:48px;height:48px;line-height:50px;-webkit-transition:all ease 500ms;-o-transition:all ease 500ms;transition:all ease 500ms;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;background:#267CFF;text-align:center;border-radius:50%;opacity:0;}
.owl-carousel.template-slide-style .owl-nav .owl-prev {left:5%;right:auto;background:#267CFF;}
.owl-carousel.template-slide-style .owl-nav .owl-next {right:5%;}

.template-list li {top:0;position:relative;margin-bottom:20px;-webkit-transition:.5s;transition:.5s;width:100%}
.template-list li .media {border-radius:6px 6px 0 0;position:relative;overflow:hidden;display:block;}
.template-list li .media.ppt_height{height:515px;}
.template-list li .media .media-link {text-indent:-3000px;font-size:0;display:block;width:100%;height:100%;position:absolute;top:0;bottom:0;z-index:6}
.template-list li .overlay {position:absolute;right:0;left:0;bottom:0;top:0;vertical-align:middle;opacity:0;-webkit-transition:.5s;transition:.5s;}
.template-list li .overlay .parameter {position:relative;top:50%;margin-top:-60px;z-index:9;display:block;-webkit-transition:.5s;transition:.5s;}
.template-list li .overlay .parameter a.button {margin:15px auto;max-width:150px;padding:12px 25px;display:block;-webkit-transition:.5s;transition:.5s;}
.template-list li .media-body {padding:0px 20px 20px 20px;}
.template-list li .media-body .price {font-family:"Bebas";font-size:18px}
.template-list li .media-body h2 {height:46px;margin:10px 0 15px 0;line-height:22px;overflow:hidden;}
.template-list li .media-body h2 a {color: #666;}

.template-list li:hover {top:-3px;box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);-webkit-transition:.5s;transition:.5s;}
.template-list li:hover .overlay {visibility:visible;opacity:1;-webkit-transition:.5s;transition:.5s;}
.template-list li:hover .overlay:before {background-color:rgba(0,0,0,0.6);content:'';position:absolute;border-radius:5px 5px 0 0;z-index:3;top:0;left:0;bottom:0;right:0;}
/* .template-list li:hover .media img {border-radius:5px;transition:1s linear;transform:scale(1.1);-webkit-transition:.5s;transition:.5s;} */

.template-overaly {border-radius:0px;min-height:400px;line-height:420px;position:relative;overflow:hidden;background-position:center center;background-size:cover;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;}
.template-overaly a strong{font-size:0px;color:#fff;text-indent:-3000}
.template-overaly::after {position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.3);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;z-index:0;}
.template-overaly:hover {background-position:35%;}
.template-overaly:hover::after {background-color:rgba(0,0,0,0.1);}

.template-detail h1{font-size:36px;font-weight:600;line-height:120px;min-height:120px}
.template-detail h2{font-size:24px;font-weight:600;line-height:48px}
.template-detail .pricebar.shadow{box-shadow: 0 0 15px rgba(0, 0, 0, 0.075);}
.template-detail .pricebar .padding-big{padding:50px 40px 20px 40px;}
.template-detail .pricebar .padding{padding:40px;}
.template-detail .pricebar .ey-price .text-big{font-size:36px}
.template-detail .pricebar hr{background:#f4f4f4;margin:0}
.template-detail .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;border-bottom:1px solid #EFEFEF}
.template-detail .tab .tab-nav li {display:inline-block;width:12%;}
/* .template-detail .tab .tab-nav li:last-child {margin-right:0px} */
.template-detail .tab .tab-nav li a {color:#333;padding:22px 0;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;display:block;line-height:24px;font-weight:600;border-radius:0;font-size:18px;text-align:center;}
.template-detail .tab .tab-nav .active {border-radius:0px;}
.template-detail .tab .tab-nav .active a {margin-bottom:-1px;cursor:default;background:#FFF;border-bottom:3px solid #267CFF;}
.template-detail .tab .tab-nav li a,.template-detail .tab .tab-nav .active a:focus {outline:none;}
.template-detail .tab .tab-body {padding:0;border-radius:0;border-top:solid 0px #ddd;}

/* 属性列表 */
.attribute li {position:relative;color:#666;line-height:32px;}
/* .attribute li:before {content:'';position:absolute;left:0px;background:#ccc;width:6px;height:6px;top:11px;border-radius:50%;} */
.attribute li span {color:#999}
/* 属性列表 end */

/*属性表格*/
.template-att .list-ul {border-right:1px solid #267CFF;border-top:1px solid #EFEFEF;border-collapse:collapse;}
.template-att .list-ul .list-li {padding:10px 30px;overflow:hidden;border-left:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;border-right:1px solid #EFEFEF;border-top:1px solid transparent;margin-left:-1px}
.template-att .list-ul .list-li:hover {border:1px solid #f55d45;z-index:2;position:relative;}
.template-att .list-ul .list-li p{margin:12px 0;}
.template-att .list-ul .list-li p.height{min-height:48px;line-height:24px}

/* 模板详细页大三保障tbadc */

/* 模板特点 */
.pic-y .media {display:block;margin-bottom:30px;padding:50px 30px}
.pic-y .media-body {padding:10px 20px}
.pic-y .media-body strong {margin:20px 0 40px 0;position:relative;font-weight:300}
.pic-y .media-body strong:before {content:'';display:block;position:absolute;width:20px;height:2px;bottom:-20px;left:50%;margin-left:-10px;background:#ddd;}
/* 模板特点 end*/

/* 更新日志时间线 */
.timeline{position:relative;list-style:none;padding:0;margin:0;}
.timeline>li{position:relative;padding:0 0 1rem 1.5rem;}
.timeline>li:not(:last-child)::before{content:"";position:absolute;top:6px;left:0;height:100%;border-left:dashed 2px #ddd;}
.timeline>li::after{content:"";position:absolute;left:-5px;top:3px;width:12px;height:12px;border:solid 2px #ddd;border-radius:50%;background-color:#fff;}
.timeline>li.active::after{background-color:#0a8;border-color:transparent;}
.timeline>li.active:not(:last-child)::before{border-left:solid 2px #0a8;}
.timeline>li>.timeline-title{display:block;color:#333;}
.timeline>li>.timeline-body{padding:3px 0 10px 0;line-height:24px;color:#999;font-size:14px}
/* 更新日志时间线 */

.image-overlay{position:relative;}
.image-overlay .left-ovrlay{z-index:1;position:absolute;left:0;top:0;width:5%;height:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%)}
.image-overlay .right-ovrlay{z-index:1;position:absolute;right:0;top:0;width:5%;height:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%)}

/* 属性 */
.r_format{list-style: none; padding: 0; margin: 0;}
.format_li{font-size: 11px; list-style: none; position: relative; padding-left: 20px;}
.format_li:not(:last-of-type):before{height: 100%; width: 1px; left: 3px; background: linear-gradient(-180deg, #11B719 0%, #297dcf 98%);}
.format_li:after, .format_li:not(:last-of-type):before{content: ""; position: absolute; top: calc((1em - -10px) / 2);}
.format_li:after{left: 0; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 7px; height: 7px; border: 1px solid #11B719; border-radius: 50%; background-color: #fff; -ms-flex-negative: 0; flex-shrink: 0;}
.r_flex{display: -webkit-box; display: -ms-flexbox; display: flex;}
.flex_box{padding: 5px 20px 10px 0; -ms-flex-preferred-size: 100%; flex-basis: 100%;}
.flex_tit{font-size:14px;float: left; font-style: inherit; letter-spacing: .075em; margin-top: 0; text-transform: uppercase; display: block; font-weight: normal}
.flex_tip{font-size:14px;font-style: inherit;margin-bottom: 0; word-break: break-word; display: block;}
.flex_tip.uppercase{text-transform: uppercase;}

.prenext-text{line-height:20px}
.prenext-text .text-l{text-align:left}
.prenext-text .text-r{text-align:right}

/*  ========================= 模板 end ========================== */

.title-block-style2 h4{font-size:24px;}
.down_detail{position:relative;z-index:3}
.down_detail .button-big{padding:15px 25px}

/* 手机开始 */
@media screen and (max-width:768px){
.article-l{margin:0;width:100%}
.article-l .padding-large{padding:20px}
.article-r{margin:20px auto 0 auto;width:100%}

.template-detail h1{font-size:24px;line-height:80px;min-height:80px}
.template-list li .media-body h2 a {font-size:16px;}
.template-list li {margin-bottom:20px}
.template-list li .media.ppt_height{height:315px;}

.prenext-text{line-height:24px}
.prenext-text .text-r{text-align:left;margin-top:20px}

}

/* 手机开始 */
@media screen and (max-width:640px){

/* 模板 */
.template-detail .tab .tab-nav li {width:30%;}
.template-detail .tab .tab-nav li:last-child {margin-right:0px}
.template-detail .pricebar .padding{padding:20px;}
.template-detail .tab .tab-nav .active a{border-bottom:2px solid #267CFF;font-size:16px;}
.template-detail .tab .tab-nav li a {font-size:16px;padding:15px 0;line-height:24px;}
.template-detail h1{font-size:20px;line-height:70px;min-height:70px}
.template-overaly {min-height:230px;}
.template-list li {margin-bottom:12px}
.template-list li .media-body {padding:0px 12px 12px 12px;}
.title-block-style2 h4{font-size:18px;}
/* 模板 */
}